// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  comColor:     #009eff,
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";

//设置头部
.toolbar-background{
  background: #009eff!important;
}
.title p{
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
}
title button{
  z-index: 9999;
}

//设置底部背景
.tabs .tabbar{
  background: white!important;
}

.item .item-inner {
  border-bottom: none!important;
}

//设置头部标题
.title-md p{
  height: 2.6rem!important;
  line-height: 2.6rem!important;
}

//弹窗黑色背景
.alertBack{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  transform: translateZ(0);
  display: none;
}
.alert_con{
  background: #fff;
  position: relative;
  top: 10rem;
  border-radius: 1rem;
}
.text_purpose_title{
  width: 100%;
  height: 8rem;
  background: #e8e8e8;
  border-radius: 1rem;
  border: none;
  padding: 10px;
  float: left;
}
.alertBack input{
  width: 100%;
  height: 4rem;
  background: #e8e8e8;
  border-radius: 1rem;
  border: none;
  padding: 10px;
  margin-top: 1rem;
  float: left;
}
input::-webkit-input-placeholder { /* WebKit browsers */ 
  color: black; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
  color: black; 
}   
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
  color: black;
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
  color: black; 
} 
.alertBack button{
  width: 35%;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  color: white;
  margin-top: 1rem;
  background: #009eff;
}
.alertBack .confirmRelease,.alertBack .add,.alertBack .confirmAdd{
  float: left;
  margin-left: 10%;
}
.alertBack .cancel{
  float: right;
  margin-right: 10%;
}

//设置ios版本的头部
.toolbar-ios ion-title{
  padding: 0 0 1px!important;
}
.toolbar-title-ios{
  color: white!important;
}
.toolbar-ios{
  min-height: 56px!important;
}
.title-ios p{
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  height: 2.6rem !important;
  line-height: 2.6rem !important;
  font-weight: 400!important;
}
.toolbar-title{
  position: relative;
}

//设置ios版本的card样式
page-group .card-ios{
  margin: 10px 0;
  width: 100%;
  box-shadow: none;
  border-bottom: 1px solid #ebebeb;
}
.card-ios{
  margin: 10px 0!important;
  width: 100%!important;
  box-shadow: none!important;
  border-bottom: 1px solid #ebebeb!important;
}

//设置弹出页面的返回按钮
.back-button{
  position: absolute!important;
  left: 0;
  color: white!important;
}
.bar-button-ios{
  left: 1rem!important;
}
.list-ios .item-block .item-inner {
  border-bottom: none !important; 
}

//设置ios版本的底部背景颜色
.tabs-ios .tabbar{
  background: white!important;
}

.user_name{
  max-width: 70%;
}

ion-app, ion-nav, ion-tab, ion-tabs, .app-root{
  min-height: 100%!important;
}

.groupAlert .alert-wrapper{
  min-height: 457px;
}

.change_purpose .alert-wrapper{
  min-height: 198px;
}